Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
class="rz-preset" id="rz-controls"> value="90" hochladen id="rz-quality-wrap"> eingeben type="number" false; <button type="number" Qualität title="Seitenverhältnis max="8000" id="rz-height" class="rz-preset" data-w="1920">1920px</button> $(".dropzone").dropzone({ </span> </div> type="text/javascript"> Browser = </div> class="rz-ctrl-label"><b>B:</b></span> href="#">⬇ <button id="rz-canvas"></canvas> data-w="640">640px</button> <button data-w="800">800px</button> Image</span></div> data-w="1280">1280px</button> <div id="rz-tool-container"> direkt <select <button — & keine class="std-btn <div wählen</li><li>Skaliertes style="width:75px"> value="image/webp">WebP</option> (JPG, id="rz-download" Preset <span class="rz-preset" <a data-pct="25">25%</button> data-dz-message><span>Drop class="rz-preset" <span Drop Dropzone.autoDiscover <div <button class="rz-ctrl-label"><b>H:</b></span> <button value="image/jpeg">JPG</option> <option Server-Upload, <input <span oder herunterladen</li></ul> <input id="rz-format"> class="rz-ctrl-label"> px</span> kein WebP) class="dropzone" max="100" min="1" max="8000" <option <ul><li>Bild <button id="rz-width" <option waves-effect id="rz-quality-val">90</span>% <button Download</a> id="rz-orig-info"></div> </div> im id="rzDropzone"> <div oder Klick)</li><li>Breite data-pct="50">50%</button> class="dz-message" data-pct="75">75%</button> <button Skalieren und <canvas <script <input class="rz-preset" </script> style="width:80px"> value="image/png">PNG</option> waves-light <span Bild min="10" </div> <span <button PNG, <button / id="rz-lock" style="width:75px"> Installation. Resize (Drag data-w="1024">1024px</button> id="rz-output-info"></p> addRemoveLinks: <span id="rz-presets"> class="rz-preset" wählen</li><li>Format Höhe min="1" </select> true class="rz-preset" }); class="rz-preset" data-w="320">320px</button> class="rz-ctrl-label">Qualität:</span> Bilder class="rz-preset" class="rz-preset" type="range" Sie <div <div <p id="rz-quality" data-pct="100">100%</button> btn" Image sperren">🔒</button>
Talk is cheap. Show me the code.
Linus Torvalds
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.